<template>
  <div class="index">
    <!-- <h-header></h-header> -->
    <mt-tabbar v-model="selected" fixed>
      <mt-tab-item id="depot">
        <img slot="icon" src="../assets/logo.png">
        我的仓库
      </mt-tab-item>
      <mt-tab-item id="list">
        <img slot="icon" src="../assets/logo.png">
        我的农场
      </mt-tab-item>
      <mt-tab-item id="personal">
        <img slot="icon" src="../assets/logo.png">
        个人中心
      </mt-tab-item>
    </mt-tabbar>
    <mt-tab-container v-model="selected">
      <mt-tab-container-item id="depot">
        <h-depot></h-depot>
      </mt-tab-container-item>
      <mt-tab-container-item id="list">
        <h-list></h-list>
      </mt-tab-container-item>
      <mt-tab-container-item id="personal">
        <h-personal></h-personal>
      </mt-tab-container-item>
    </mt-tab-container>
  </div>
</template>

<script>
export default {

  data () {
    return {
      selected:'list'
    }
  }
}
</script>

<style scoped>
.mint-tabbar > .mint-tab-item.is-selected {
  background:none ;
  color: #18d146;
}
</style>
